<!-- <template>
	<view class="withdrawal">
		<view style="padding-top: 44rpx;">
			<view class="withdrawalJe">
				<view style="display: flex;">
					<text class="onlyMoney">可提现金额(元)</text>
					<view @click="toRecord()" class="record">
						提现记录
					</view>
				</view>
				<text class="balance">99.99 元</text>
			</view>
			<view class="withdrawalJe">
				<view style="display: flex;">
					<text class="onlyMoney">提现金额</text>
					<view style="margin-left: 314rpx;" class="record">
						全部提现
					</view>
				</view>
				<text class="balance">
					<text class="iconMoney">¥</text>
					99.99 元</text>
			</view>
			<view class="withdrawalJe mode">
				<view style="display: flex;">
					<text class="onlyMoney">提现方式</text>
				</view>
				<view class="wxzfb">
					<view class="wxzfbLogo">
						
					</view>
					<text class="wxzfbNumder">微信 dwidadsdawda</text>
					<view class="wxzfbBtn">
						去修改
					</view>
				</view>
				<view class="wxzfb">
					<view class="wxzfbLogo">
						
					</view>
					<text class="wxzfbNumder">支付宝 dwidadsdawda</text>
					<view class="wxzfbBtn">
						去修改
					</view>
				</view>
			</view>
		</view>
		<view class="toWithdrawal">
			提现
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				
			}
		},
		methods: {
			toRecord() {
				uni.navigateTo({
					url: './record'
				})
			}
		}
	}
</script>

<style lang="scss" scoped> 
	.withdrawal {
		background-color: #F4F4F4;
		padding: 0 32rpx;
		.withdrawalJe {
			width: 100%;
			height: 238rpx;
			background: #FFFFFF;
			border-radius: 18rpx;
			padding: 40rpx 0 0 52rpx;
			box-sizing: border-box;
			margin-bottom: 32rpx;
			.onlyMoney {
				font-size: 32rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
				line-height: 44rpx;
			}
			.record {
				width: 140rpx;
				height: 52rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #FFFFFF;
				line-height: 52rpx;
				text-align: center;
				border-radius: 10rpx;
				background-color: #F25F5F;
				margin-left: 228rpx;
			}
			.balance {
				display: block;
				font-size: 52rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
				line-height: 74rpx;
				padding-top: 40rpx;
				.iconMoney {
					padding-right: 38rpx;
				}
			}
		}
		.mode {
			height: 380rpx;
			.wxzfb {
				display: flex;
				width: 582rpx;
				height: 88rpx;
				border-radius: 12rpx;
				border: 2rpx solid #F25F5F;
				margin: 46rpx 0 23rpx 0;
				padding: 24rpx 0 0 16rpx;
				box-sizing: border-box;
				position: relative;
				.wxzfbLogo {
					width: 40rpx;
					height: 40rpx;
					margin-right: 24rpx;
				}
				.wxzfbNumder {
					font-size: 32rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.wxzfbBtn {
					width: 96rpx;
					height: 44rpx;
					font-size: 20rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					text-align: center;
					line-height: 44rpx;
					background: #F25F5F;
					border-radius: 6rpx;
					position: absolute;
					right: 20rpx;
				}
			}
		}
		.toWithdrawal {
			width: 686rpx;
			height: 96rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 96rpx;
			text-align: center;
			background: #F25F5F;
			border-radius: 18rpx
		}
	}
</style>
 -->